<template>
  <div class="goods-list">
    <van-card
      v-for="(item, index) in ListData"
      :key="index"
      :desc="
        '起送' +
          item.minPriceTip +
          '|' +
          '配送' +
          item.shippingFeeTip +
          '|' +
          '人均' +
          item.averagePriceTip
      "
      :title="item.shopName"
      :thumb="item.picUrl"
      @click="onCLick(item)"
    />
  </div>
</template>
<script>
export default {
  props: {},
  data() {
    return {};
  },
  //事件处理器
  methods: {
    onCLick(item) {
      //   console.log(item.mtWmPoiId);
    //   this.$store.dispatch("DetailsId", item.mtWmPoiId);

      this.$router.push({
        path: "/details",
        query: {
          id: item.mtWmPoiId,
        },
      });
    },
  },
  // 计算属性
  computed: {
    ListData() {
      return this.$store.state.ListData;
    },
  },
  //侦听器
  watch: {},
  //生命周期 - 创建完成（访问当前this实例）
  created() {},
  //生命周期 - 挂载完成（访问DOM元素）
  mounted() {},
};
</script>
<style scoped>
/* @import url(); 引入css类 */
.goods-list {
  width: 100%;
}
.van-card {
  background: white;
}
.van-card__title {
  font-weight: 900;
  font-size: 1rem;
  margin: 0.625rem 0;
}
.van-multi-ellipsis--l2 {
  font-weight: 900;
  font-size: 1rem;
  margin: 0.625rem 0;
}
</style>
